<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title>MEdia Login</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style>
            body{
                background-color:#0099ff;
                font-family:'Segoe UI';
                font-size:12px;
                color:#dddddd;
            }
            .background{
                position:relative;
                width:400px;
                height:300px;
                border-radius:5px;
                -moz-border-radius:5px;
                -webkit-border-radius:5px;
                margin:auto;
                margin-top:100px;
                background-color:#444444;
                border:1px solid #000000;
            }
            .login{
                position:relative;
                width:200px;
                height:200px;
                padding:20px;
                margin:auto;
                margin-top:-250px;
                z-index:1;
            }
            .logintextfield{
                border-radius:3px;
                -moz-border-radius:3px;
                -webkit-border-radius:3px;
                width:190px;
                height:25px;
                padding:5px;
                border:1px solid #000000;
                color:#dddddd;
                background-color:#666666;
            }
        </style>
        <script type="text/javascript" src="jquery-latest.pack.js"></script>
        <script type="text/javascript" src="javascript.js"></script>
    </head>
    <body>
        <div class="background"></div>
        <div class="login">
            <form method="POST" action="LoginAction.php">
                <input type="text" value="Username" class="logintextfield" onkeypress="clearText(this)" onBlur="checkIfEmpty(this)"/><br><br>
                <input type="text" value="Password" class="logintextfield" onkeypress="passField(this)" onBlur="checkIfEmpty(this)"/><br>
                <input type="checkbox"/>
                <a>Keep me logged in</a><br>
                <input type="submit">
            </form>
        </div>
    </body>
</html>
